import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 这个文件的后缀名为：.ts
// 这里使用到了 node 中的模块
//  node 模块是用 js 来实现的
// 在 ts 文件中无法直接使用 js 代码
// 如果想要在 ts 中使用 js 代码，必须给所有的 js 代码添加一个类型
//  解决方案：直接去网上下载 node 对应的类型声明文件： (类型声明文件的后缀名为：.d.ts)
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
   // 配置项
   resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  },
  // 自动导入 less 文件
  css: {
    preprocessorOptions: {
      less: {
        additionalData: `
          @import '@/assets/styles/variables.less';
          @import '@/assets/styles/mixins.less';
        `
      }
    }
  }
})
